<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{$eju.field.seo_title}</title>
<meta name="description" content="{$eju.field.seo_description}" />
<meta name="keywords" content="{$eju.field.seo_keywords}" />
<link href="{eju:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="applicable-device"content="pc">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<link rel="stylesheet" type="text/css" href="{eju:global name='web_templets_pc' /}/skin/css/reset.css">
<link rel="stylesheet" type="text/css" href="{eju:global name='web_templets_pc' /}/skin/css/common.css">
<link rel="stylesheet" type="text/css" href="{eju:global name='web_templets_pc' /}/skin/css/input.css">
<link rel="stylesheet" type="text/css" href="{eju:global name='web_templets_pc' /}/skin/css/css.css">
<script src="{eju:global name='web_templets_pc' /}/skin/js/jquery.min.js"></script>
</head>
<body>
<!-- topBar S -->
{eju:include file="header.htm"/}
<!-- topBar E -->

<!-- 楼盘列表 S-->
<!-- 搜索栏 S -->
<div class="searBar ">
  <div class="comWidth clearfix">
    <div class="sear_box fl">
     {eju:searchform channelid='9' type='default' typeid='1'}
      <form  method="get" action="{$field.action}">
        <div class="ipt_area fl">
          <input type="text" name="keywords" id="keywords" autocomplete="off" placeholder="输入楼盘名称" class="ipt">
          <span class="placeholder">输入楼盘名称</span>
          <ul id="search-box">
          </ul>
        </div>
        <div class="btn_area fl">
          <input type="submit" class="sbm_btn" value="搜索">
        </div>
        {$field.hidden}
      </form>
      {/eju:searchform}
      </div>
    <a href="{eju:diyurl type='map' /}" class="map_btn fr">地图找房</a> </div>
</div>
<!-- 搜索栏 E -->
<div class="cm_house">
  <div class="comWidth">
    <!-- 页面标识 S-->
    <div class="page_tit"> <a href="javascript:;" rel="nofollow">您的位置：</a> {eju:position style='' /} </div>
    <!-- 页面标识 E-->
    <!-- 筛选栏 S -->
    {eju:screening id='field' currentstyle='active' domain='0' region='on' show='2' alltxt='全部' opencity='2' addfields='province_id,city_id,area_id,manage_type,average_price,huxing,area,characteristic,'}
    <div class="seleBar">
      <div class="box">
        {eju:volist name='$field.list' id='vo'}
        <div class="item clearfix">
          <h3>{$vo.title} :</h3>
          <ul class="list">
            {eju:volist name='$vo.dfvalue' id='vo2'}
            <li><a class=" {$vo2.currentstyle}" {$vo2.onClick}>{$vo2.name}</a></li>
            {/eju:volist}
          </ul>
        </div>
        {/eju:volist}
        {$field.hidden}
        {/eju:screening}
        <div class="item clearfix">
          <h3>更多 :</h3>
          {eju:screening id='field' currentstyle='hover' domain='0' region='on' show='2' alltxt='on' opencity='2' addfields='sale_status,building_type,fitment'}
          {eju:volist name='$field.list' id='vo'}
          <div class="select_box">
            <div class="select_info"> {$vo.screen} </div>
            <ul>
              {eju:volist name='$vo.dfvalue' id='vo2'}
              <li> <a  class="{$vo2.currentstyle}" {$vo2.onClick}>{$vo2.name}</a> </li>
              {/eju:volist}
            </ul>
          </div>
          {/eju:volist}
        </div>
        {$field.hidden}
        {/eju:screening} </div>
    </div>
    {eju:screening id='field' currentstyle='active' domain='0' region='on' show='2' alltxt='全部' opencity='2' addfields='province_id,city_id,area_id,characteristic,manage_type,average_price,sale_status,building_type,fitment'}
    <div class="container-super emptySearch" style="display: none;" id="emptySearch">
      <div class="lp-pb-px">
        <div class="lp-pb-check1">当前找房条件：</div>
        <div class="lp-pb-check2">
          <ul>
            {eju:volist name='$field.list' id='vo'}
            {eju:notempty name="$vo.onName"}
            <li> <a class="select-no" {$vo.handle}><span>{$vo.onName}</span><b>×</b></a> </li>
            {/eju:notempty}
            {/eju:volist}
            <li class="rese"><a href="{$field.resetUrl}" title="清空全部"><span>清空全部</span></a></li>
          </ul>
        </div>
      </div>
    </div>
    {$field.hidden}
    {/eju:screening}

    <!--
    <div class="container-super">
         <div class="lp-pb-px">
            <div class="lp-pb-check1">排序：</div>
            <div class="lp-pb-px1">
               <ul>
                   {eju:orderlist id='field' addfields='average_price' currentstyle='lp-pb-pxIcon1' defaultstyle='lp-pb-pxIcon1' upstyle='lp-pb-pxIcon3' downstyle='lp-pb-pxIcon2' alltxt='默认排序' }
                   {eju:volist name='$field.list' id='vo'}
                   <li data-flag="true">
                       <a href="javascript:;" {$vo.onClick} class="gray3">
                           {$vo.title} <span class="index-icon {eju:neq name='$i' value='1'}{$vo.classstyle}{/eju:neq}"></span>
                       </a>
                   </li>
                   {/eju:volist}
                   {$field.hidden}
                   {/eju:orderlist}
               </ul>
            </div>
            <div class="lp-pb-check3">共<strong id="countlist"></strong>个新盘</div>
         </div>
    </div>
    -->
    <!-- 筛选栏 E -->
    <div class="main clearfix">
      <!-- 房子列表 S -->

      <div class="houseList_wrap leftArea cm_leftArea newhouse">
        <div class="listHeader"> <a class="allHouses hover" href="{$eJu.field.typeurl}">全部楼盘</a><span></span> <a href="{eju:diyurl type='map' /}" class="map_sun"><i class="map"></i>地图</a>
          <div class="clearfix"></div>
        </div>
        <div class="lp_count">
          <div class="lp_con">为你找到<span class="search_count" id="search_count"></span>个符合条件的楼盘</div>
          <div class="sort">
            <p id="sortParam"> {eju:orderlist id='field' addfields='average_price' currentstyle='hover' upstyle='up' downstyle='down' alltxt='默认排序' }
              {eju:volist name='$field.list' id='vo'} <a href="javascript:;" {$vo.onClick} class="{eju:neq name='$i' value='1'}sort_jg{/eju:neq} {$vo.currentstyle} {$vo.classstyle}">{$vo.title}</a> {/eju:volist}
              {$field.hidden}
              {/eju:orderlist} </p>
          </div>
          <div class="cl"></div>
        </div>
        <div class="cl"></div>
        <div class="list_con">
          <ul class="clearfix">
            {eju:list pagesize='8' addfields="video" titlelen='30' infolen='160' orderby='new'}
            <li>
              <span class="l_img fl">
                <a href="{$field.arcurl}">
                  <img src="{eju:global name='web_templets_pc' /}/skin/img/nopic.jpg" data-original="{$field.litpic}" class="lazy" alt="{$field.title}">
                  {eju:notempty name="$field.video"}
                  <i class="play"></i>
                  {/eju:notempty}
                  <em class="icon_yhq">{$field.sale_status}</em>
                </a>
              </span>
              <span class="r_con fr">
              <h3> <a href="{$field.arcurl}"> {$field.title} </a> </h3>
              <p> <span>{$field.main_unit}</span> </p>
              <p> <span class="address">{$field.address} </span> </p>
              <span class="label_list clearfix"> {eju:volist name='$field.characteristic' id='vo'} <i class="item ">{$vo}</i> {/eju:volist} </span> <span class="price">
              <h5>{eju:notempty name="$field.average_price"}<strong>{$field.average_price}</strong>{$field.price_units}{eju:else /}房价待定{/eju:notempty}</h5>
              </span> </span> </a> </li>
            {/eju:list}
          </ul>
        </div>

        <div style="display: none" id="countlist_none" data-count="{eju:countlist /}"></div>
        <script  type="text/javascript">
              $(function(){
                  var count = $("#countlist_none").data("count");
                  $("#search_count").html(count);
              });
          </script>
        <div class="page_list clearfix">
          <ul class="pagination">
            {eju:pagelist listitem="pageno,pre,next" listsize="2"/}
          </ul>
        </div>
      </div>
      <!-- 房子列表 E -->
      <!-- 右边内容 S -->
      <div class="cm_rightArea rightArea">
        <div class="zsfw">
         <div class="title"> <span></span>
            <h3>帮您找房</h3>
          </div>
          {eju:form formid="1"}
		<form method="post" id="{$field.form_name}" action="{$field.action}" onsubmit="{$field.submit}">
          <ul>
            <li>
              <textarea id="{$field.attr_5}" name="{$field.attr_5}" placeholder="请输入您对需求的描述..."></textarea>
            </li>
            <li> <span>手机号码</span>
              <input type="tel" id="{$field.attr_1}" name="{$field.attr_1}" class="fxe_mobile" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " placeholder="请输入手机号" maxlength="11">
            </li>
             <input class="btn" type="submit"  value="提交">
            <li style="color: #999;width:237px;text-align:left;font-size: 12px;">若正确提交即同意接受以电话、短信等方式推荐我司业务相关的信息</li>
          </ul>
          {$field.hidden}
		</form>
		{/eju:form}
          <div class="form_phone">客服咨询电话：{eju:global name='web_attr_2' /}</div>
        </div>

        <!-- 推荐楼盘 S -->
        <div class="rcmd_build mt_25">
          <div class="title"> <span></span>
            <h3>推荐楼盘</h3>
          </div>
          <div class="con_box">
            <ul class="list">
              {eju:arclist typeid='1' flag='c' orderby='new' limit='0,5' id='field' screen='0'}
              <li class="clearfix"> <a href="{$field.arcurl}">
                <div class="fl l_img"> <img src="{$field.litpic}" width="120" height="80" alt=""> </div>
                <div class="fr r_con">
                  <p class="name">{$field.title}</p>
                  <p class="address">{$field.city_id|get_city_name}</p>
                  <p class="price"><b>{eju:notempty name="$field.average_price"}{$field.average_price}{$field.price_units}{eju:else /}暂无{/eju:notempty}</b></p>
                </div>
                </a> </li>
              {/eju:arclist}
            </ul>
          </div>
        </div>
        <!-- 推荐楼盘 E -->
        {eju:channelartlist typeid='6'}
        <dl class="recommend">
          <dt><span></span>房产快讯</dt>
          <div class="hot">
            <ul class="unstyled">
              {eju:arclist orderby='new' row='10' id='field' mod='5'  screen='0'}
              <li {eju:eq name='$mod' value='1'}class="news_list_tit"{/eju:eq}> <a href="{$field.arcurl}" target="_blank">{$field.title}</a> </li>
              {/eju:arclist}
            </ul>
          </div>
        </dl>
        {/eju:channelartlist} </div>
      <!-- 右边内容 E -->
    </div>
  </div>
</div>
<!-- 楼盘列表 S-->

<script type="text/javascript" src="{eju:global name='web_templets_pc' /}/skin/js/laytpl.js"></script>
<script type="text/javascript">
    $(function(){
        if($(".select-no").length > 0) {
            $("#emptySearch").show();
        }
    });
</script>
<script type="text/javascript">
$(function(){

	$('body').on('click',function(){
		$('#search-box').hide();
	});
})
</script>
{eju:include file="footer.htm"/}
<script src="{eju:global name='web_templets_pc' /}/skin/js/jquery.lazyload.js"></script>
<script src="{eju:global name='web_templets_pc' /}/skin/js/layer.js"></script>

<script>
$("img.lazy").lazyload({
	threshold : 100,
	effect : "fadeIn"
	//event: "scrollstop"
});

</script>
</body>
</html>
